<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link th:href="@{/Bootstrap/css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{/animate.min.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{layui/layui.js}"></script>
</head>
<body style="background-color: #F8F8F8">
<div style="position: absolute;left: 0;right: 0;top: 0;bottom: 0">
    <div style="display: flex;justify-content: center;margin-top: 10%">
        <form class="animated zoomIn" th:action="@{/student/login}" method="post"
              style="background-color: #fff;border: solid #337AB7 1px;border-radius: 10px;box-shadow: 0 0 10px
        #337AB7
        ;padding:
        20px">

            <div style="margin-bottom: 10px;text-align: center">
                <strong style="font-size: 20px">学生登录</strong>
            </div>
            <div class="layui-form-item">
                <div>
                    <label class="layui-form-label">用户名</label>
                    <div class="layui-input-inline">
                        <input type="tel" name="username" class="layui-input form-control">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div>
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="password" class="layui-input form-control">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div style="text-align: center;color: red;">
                    <div th:if="${errMsg != null}">
                        <text th:text="${errMsg}"></text>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button id="loginBtn" type="submit" class="layui-btn" style="background-color: #337AB7">
                        登录
                    </button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>

</body>
</html>